<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%> 
<html>
<head>  
  <script type="text/javascript">
  function doSearch() {	 
	  grid.load({
			system_type: $('#system_type').val(),
			system_key: $('#system_key').val()
		});
  }
  var grid;
  $(document).ready(function() {
	  grid = $("#systemLogTableId").jpgrid({
			url: "getSystemLogListJson.do",
			columns: [
				{title: "业务类型", field: "SYSTEM_TYPE",width: 80,align:"center"},				
				{title: "业务主键", field: "SYSTEM_KEY",align:"center"},				
				{title: "列名", field: "COLUMN_NM",width: 140,align:"center"},
				{title: "原数据", field: "OLD_DATA",width: 130,align:"center"},
				{title: "新数据", field: "NEW_DATA",width: 80,align:"center"},
				{title: "用户ip", field: "USER_IP",width: 120,align:"center"}
			]
		});	 
  });
  
  </script>
</head>
<body class="easyui-layout list_body">
<form id="sysLogForm" name="sysLogForm">
	<div class="list_body_north" data-options="region:'north'" border="false">
	 	<!-- 查询表单 -->
	 	<div  class="datagrid-toolbar" border="false"  >
				<span>业务类型:</span>
				<input id="system_type" type="text" name="system_type"  class="easyui-textbox"  >
				<span>业务主键:</span>
				<input id="system_key" type="text" name="system_key"  class="easyui-textbox"  >	
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch() ">查询</a>
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm() ">重置</a>
		</div>
	</div>
	<div data-options="region:'center'" border="false" class="list_body_center">
		<!-- 表格 -->
	    <table id="systemLogTableId" fit="true"></table>
    </div>
</form> 
</body>
</html>